<template>
  <z-steps :current="1">
    <z-step>
      <!-- <span slot="title">Finished</span> -->
      <template #title>Finished</template>
      <template #description>
        <span>This is a description.</span>
      </template>
    </z-step>
    <z-step title="In Progress" sub-title="Left 00:00:08" description="This is a description." />
    <z-step title="Waiting" description="This is a description." />
  </z-steps>
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'StepsDemo1'
})
</script>
